<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="description" content="java 版CMS系统、基于java技术研发的内容管理系统、功能：栏目模板自定义、内容模型自定义、多个站点管理、在线模板页面编辑等功能、代码完全开源、MIT授权协议。">
    <meta name="keywords" content="ofcms,cms,java,Jfinal,java cms,php cms,内容管理系统,门户网站,手机网站,免费cms,开源cms,后台管理,软件开发">
    <link rel="stylesheet" href="${reroot}/static/plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${reroot}/static/assets/css/index.css" media="all">
    <link rel="stylesheet" href="${reroot}/static/assets/css/reset.css" media="all">
    <script src="${reroot}/static/plugins/layui/layui.js"></script>

    <style type="text/css">
        .left-box-btn{
            display:inline-block;background-image:url('${reroot}/static/assets/image/btn-left.png');width: 12%;height:100%;background-position:center;background-size: contain;background-repeat: no-repeat
        }
        .right-box-btn{
            display:inline-block;background-image:url('${reroot}/static/assets/image/btn-right.png');width: 12%;height:100%;background-position:center;background-size: contain;background-repeat: no-repeat
        }
        .index-1 {
            width: 100%;
            height: calc(80vw);
            background-image: url('${reroot}/static/assets/image/index-bg.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;

            text-align: center;
        }

        .footer {
            width: 100%;
            height: calc(26.35vw);
            background-image: url('${reroot}/static/assets/image/index-bottom.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="header">
        <!--start logo-->
        <@of.ad site_id=site.site_id edition="logo">
        <#list ad as data >
        <a href="${data.ad_jump_url!'javascript:;'}">
            <img alt="${data.ad_name}" src="${session.site.access_protocol}://${session.site.access_path}${data.ad_image_url}" class="logo"/>
       </a>
        </#list>
        </@of.ad>
        <!--end logo-->

        <div class="linkgroup">
            <@of.column site_id=site.site_id >
            <span class="link  <#if data.column_english == columns.column_english> selected</#if>">
                <a href="/">首页</a>
            </span>
            <#list column as data >

                <@of.column site_id=site.site_id parent_id=data.column_id >
                <a class="link <#if data.column_id == columns.column_id || data.column_id == columns.up_column_id> selected</#if>" href="${data.column_english}.html">
                    ${data.column_name}
                </a>
                </@of.column>

            </#list>

            </@of.column>
        </div>
        <img class="search" src="${reroot}/static/assets/image/search.png">
        <img src="${reroot}/static/assets/image/bgright.png" style="position: absolute;right:0;top:0;z-index: -999;">
    </div>
</div>

